<template>
  <view class="drink-water">
    <text class="drink-water-title">每天的饮水量2000ml</text>
    <view class="content"
      >注意：饮水推荐白开水、矿泉水、淡茶水等，不建议饮料、果汁、咖啡、酒类作为日常饮水。本项目打卡只要是为了提醒少量多次饮水，帮助身体及时排出代谢废物，饮水时间及每次饮水量可根据个人情况适当调整。</view
    >
    <view class="drink-water-list">
      <plain-card v-for="(plan, index) in drinkWaterPlan" :key="index">
        <template v-slot:icon>
          <view class="icon-drinkwater-plan"></view>
        </template>
        <template v-slot:title>
          <text>{{ plan.title }}</text>
        </template>
        <template v-slot:content>
          <view>{{ plan.content }}</view>
        </template>
      </plain-card>
    </view>
    <button open-type="contact" class="button-plain-purple">联系健管科学饮水</button>
  </view>
</template>

<script>
import PlainCard from "../components/plain-card.vue";
export default {
  components: {
    plainCard: PlainCard
  },
  data() {
    return {
      drinkWaterPlan: [
        {
          title: "第一杯： 6:30AM",
          content:
            "经过一夜的睡眠，身体开始缺水，起床之际先喝杯250CC的水，帮助肾脏及肝脏解毒，等待半小时再进食！（非常重要！身体排污靠它！）"
        },
        {
          title: "第二杯： 8:30AM",
          content: "到了办公室后，先别急着泡咖啡，给自己一杯至少250CC的水！"
        },
        {
          title: "第三杯： 11:00AM",
          content:
            "再给自己一天里的第三杯水，补充流失的水分，有助于放松紧张的工作情绪！"
        },
        {
          title: "第四杯： 12:30PM",
          content:
            "用完餐半小时后，喝一些水，取代让你发胖的人工饮料，能助你维持身材。"
        },
        {
          title: "第五杯： 4:30PM",
          content:
            "喝上一大杯水，补充在冷气房里流失的水份之外，还能帮助头脑清醒。"
        },
        {
          title: "第六杯： 5:30PM",
          content: "下班离开办公室前，再喝一杯水。"
        },
        {
          title: "第七杯： 10:00PM",
          content: "睡前一至半小时再喝上一杯水，目标达成。"
        }
      ]
    };
  }
};
</script>

<style lang="less">
@import "./index.less";
</style>
